<template>
  <TabContainer  :btn1-callback="save" :btn2-callback="cancel">

  <q-card-section>
    <div class="row fal">
      <div class="row q-gutter-y-md">
        <div class="col-4">EWS:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">EWS:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">Test Status:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">Software Version:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">Deliver To:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
      </div>
    </div>
  </q-card-section>
  <q-separator></q-separator>
  <q-card-section>
    <div class="row fal">
      <div class="row q-gutter-y-md">
        <div class="col-12" style="font-size: 1rem; font-weight: 900;">Repairing Details</div>
        <div class="col-4">Repairing Detail:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">Remark:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">Deliver To:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
      </div>
    </div>
  </q-card-section>
  <q-separator></q-separator>

  <q-card-section>
    <div class="row fal">
      <div class="row q-gutter-y-md">
        <div class="col-12" style="font-size: 1rem; font-weight: 900;">Repairing Details</div>
        <div class="col-4">Repairing Detail:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">Remark:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
        <div class="col-4">Deliver To:</div>
        <q-input class="col-6" :dense="true" filled v-model="text"></q-input>
      </div>
    </div>
  </q-card-section>
</TabContainer>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import TabContainer from 'src/components/container/TabContainer.vue'
import  { useRouter } from 'vue-router';
const router = useRouter()
function cancel() {
  console.log('cancel');
  router.go(-1)
}

function save() {
  console.log('save');
}
const text = ref('text');
</script>
